<%@ Page Language="C#" Inherits="IGatherWebGUI.Search" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>iGather</title>
	<style>
		html
		{
		    font-family: Candara;
		    font-size: 11pt;
		    color: #000000;
		}
		
		*.thumb
		{
		    float: left;
		}
		
		*.title
		{
		    font-size: 16pt;
		    font-style: bold;
		    color: #330033;
		}
		
		*.desc
		{
		    font-size: 11pt;
		    color: #999999;
		}
		*.scrollingPanel
		{
			width: 100%
			height: 100%;
			max-height: 500px;
			overflow: auto;
		}
		td.cluster
		{
			text-align: center;
			vertical-align: middle;
		}
		table.cluster
		{
			background-color: #330033;
			color: #FFFFFF;
			width: 300px;
			height: 300px;
		}
		a:link
		{
			font-size: 11pt;
			color: #FFFFFF;
		}
		a:visited
		{
			font-size: 11pt;
			color: #DDDDDD;
		}
		a:active
		{
			font-size: 11pt;
			color: #DDDDDD;
		}
	</style>
</head>
<body runat="server" onload="onLoad">
	<form id="form1" runat="server">
	<table cellspacing="4" cellpadding="4" width="100%">
		<tr>
			<td style="width: 300px;">
				<a href="Default.aspx"><img src="igather.jpg" style="width: 300px" border="0" /></a><br/>
				<asp:TextBox id="searchBox" runat="server" style="width: 220px" />
				<asp:Button id="searchButton" runat="server" Text="Gather" OnClick="searchButtonClicked" style="width: 70px" />
			</td>
			<td rowspan="2">
				<div class="scrollingPanel">
					<asp:Panel id="searchResults" runat="server" />
				</div>
			</td>
		</tr>
		<tr>
			<td style="vertical-align: bottom;">
				<table class="cluster">
					<tr>
						<td colspan="2" style="margin-top: 4px; margin-left: 4px; font-size: 16pt; font-style: bold; vertical-align: top;"><asp:Label id="tagsLabel" runat="server" /></td>
					</tr>
					<tr>
						<td class="cluster">
							<table align="center" cellspacing="0" cellpadding="0">
								<tr>
									<td><asp:Image id="tag1Img1" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag1Img2" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
								<tr>
									<td>	<asp:Image id="tag1Img3" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag1Img4" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
							</table>
							<asp:HyperLink id="tag1Label" runat="server" Text="&nbsp;"/>	
						</td>
						<td class="cluster">
							
							<table align="center" cellspacing="0" cellpadding="0">
								<tr>
									<td><asp:Image id="tag2Img1" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag2Img2" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
								<tr>
									<td>	<asp:Image id="tag2Img3" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag2Img4" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
							</table>
							<asp:HyperLink id="tag2Label" runat="server" Text="&nbsp;" />
						</td>
					</tr>
					<tr>
						<td class="cluster">
							<table align="center" cellspacing="0" cellpadding="0">
								<tr>
									<td><asp:Image id="tag3Img1" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag3Img2" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
								<tr>
									<td>	<asp:Image id="tag3Img3" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag3Img4" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
							</table>
							<asp:HyperLink id="tag3Label" runat="server" Text="&nbsp;" />
						</td>
						<td class="cluster">
							<table align="center" cellspacing="0" cellpadding="0">
								<tr>
									<td><asp:Image id="tag4Img1" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag4Img2" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
								<tr>
									<td>	<asp:Image id="tag4Img3" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
									<td><asp:Image id="tag4Img4" runat="server" style="width: 50px; height: 50px;" Visible="false" /></td>
								</tr>
							</table>
							<asp:HyperLink id="tag4Label" runat="server" Text="&nbsp;" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<div style="text-align: right;"><asp:Label id="resultNumbers" runat="server" /></div><br />
				<div style="text-align: right"><asp:HyperLink id="nextPage" runat="server" Text="Next >>" style="color: #330033;" /></div>
			</td>
		</tr>
	</table>
	<br />
	<div style="text-align: center; font-size: 9pt; color: #999999;">
		Diogo Ribeiro &amp; Glauber Ramos
	</div>
	</form>
</body>
</html>